<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>8KM 搬家公司</title>
		<link rel="stylesheet" href="../css/lib/mui.min.css" />
		<link rel="stylesheet" href="../css/lib/icons-extra.css" />
		<link rel="stylesheet" href="../css/lib/mui.picker.min.css" />
		<link rel="stylesheet" href="../css/lib/mui-new.css" />
		<link rel="stylesheet" href="../css/app/perSonal-page.css" />
	</head>
	<body id="app">
		 <header class="mui-bar mui-bar-nav index-header">
            <a class="mui-pull-left" href="../index.html"></a>
        </header>
        
        
		    
		<nav class="mui-bar mui-bar-tab">
		    <a id="previousPage" href="javascript:;" class="mui-tab-item">
		        <span class="mui-tab-label">上一页</span>
		    </a>
		    
		    
		    <a id="submitPage" href="javascript:;" class="mui-tab-item">
		        <span class="mui-tab-label">提交</span>
		    </a>
		    
		    
		    <a id="nextPage" href="javascript:;" class="mui-tab-item">
		        <span class="mui-tab-label">下一页</span>
		    </a>
		</nav>
        
		<div class="mui-content">
			<div class="order-bar">
				<p class="mui-text-center">免费发布请求，轻松搞定搬家
					<span class="mui-icon mui-icon-pulldown"></span>
				</p>
			</div>
			
			<div id="modelsProblem" class="mui-control-content mui-active">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="orderContent">
							<div class="currentTitle">
								<p>您搬家需要的车型是？-单选<span>(必填)</span></p>
							</div>
							<div class="currentProblem-wrap">
								<ul>
									<li>
										<a href="javascript:;">
											<div class="Problem-title mui-text-center">
												<span>面包车</span>
											</div>
											<div class="Problem-text">
												<div class="problemTextTitle">
													<span>小件搬家，适用于学生、白领等</span>
												</div>
												<div class="problemTextMidle">
													<p>空间：1.0m*1.2m*1.2m，可容纳6-10个软包裹，不能搬运大型家电/家具，如：洗衣机/空调/冰箱/沙发/衣柜等</p>
												</div>
											</div>
											
											<div class="Problem-radio">
												<input type="radio" value="面包车" />
												<span></span>
											</div>
										</a>
									</li>
									
									<li>
										<a href="javascript:;">
											<div class="Problem-title mui-text-center">
												<span>面包车</span>
											</div>
											<div class="Problem-text">
												<div class="problemTextTitle">
													<span>小件搬家，适用于学生、白领等</span>
												</div>
												<div class="problemTextMidle">
													<p>空间：1.0m*1.2m*1.2m，可容纳6-10个软包裹，不能搬运大型家电/家具，如：洗衣机/空调/冰箱/沙发/衣柜等</p>
												</div>
											</div>
											
											<div class="Problem-radio">
												<input type="radio" value="面包车" />
												<span></span>
											</div>
										</a>
									</li>
									
									<li>
										<a href="javascript:;">
											<div class="Problem-title mui-text-center">
												<span>面包车</span>
											</div>
											<div class="Problem-text">
												<div class="problemTextTitle">
													<span>小件搬家，适用于学生、白领等</span>
												</div>
												<div class="problemTextMidle">
													<p>空间：1.0m*1.2m*1.2m，可容纳6-10个软包裹，不能搬运大型家电/家具，如：洗衣机/空调/冰箱/沙发/衣柜等</p>
												</div>
											</div>
											
											<div class="Problem-radio">
												<input type="radio" value="面包车" />
												<span></span>
											</div>
										</a>
									</li>
									
									<li>
										<a href="javascript:;">
											<div class="Problem-title mui-text-center">
												<span>面包车</span>
											</div>
											<div class="Problem-text">
												<div class="problemTextTitle">
													<span>小件搬家，适用于学生、白领等</span>
												</div>
												<div class="problemTextMidle">
													<p>空间：1.0m*1.2m*1.2m，可容纳6-10个软包裹，不能搬运大型家电/家具，如：洗衣机/空调/冰箱/沙发/衣柜等</p>
												</div>
											</div>
											
											<div class="Problem-radio">
												<input type="radio" value="面包车" />
												<span></span>
											</div>
										</a>
									</li>
									
									<li>
										<a href="javascript:;">
											<div class="Problem-title mui-text-center">
												<span>面包车</span>
											</div>
											<div class="Problem-text">
												<div class="problemTextTitle">
													<span>小件搬家，适用于学生、白领等</span>
												</div>
												<div class="problemTextMidle">
													<p>空间：1.0m*1.2m*1.2m，可容纳6-10个软包裹，不能搬运大型家电/家具，如：洗衣机/空调/冰箱/沙发/衣柜等</p>
												</div>
											</div>
											
											<div class="Problem-radio">
												<input type="radio" value="面包车" />
												<span></span>
											</div>
										</a>
									</li>
									
									<li>
										<a href="javascript:;">
											<div class="Problem-title mui-text-center">
												<span>面包车</span>
											</div>
											<div class="Problem-text">
												<div class="problemTextTitle">
													<span>小件搬家，适用于学生、白领等</span>
												</div>
												<div class="problemTextMidle">
													<p>空间：1.0m*1.2m*1.2m，可容纳6-10个软包裹，不能搬运大型家电/家具，如：洗衣机/空调/冰箱/沙发/衣柜等</p>
												</div>
											</div>
											
											<div class="Problem-radio">
												<input type="radio" value="面包车" />
												<span></span>
											</div>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
					
			<div id="artificialProblem" class="mui-control-content">
				<div class="mui-scroll-wrapper">
				    <div class="mui-scroll">
				        <div class="orderContent">
							<div class="currentTitle">
								<p>您是否需要人工搬运？-单选<span>(必填)</span></p>
							</div>
							
							<div class="currentProblem-list">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell mui-radio mui-left">
										<input name="artificRadio" type="radio" value="是，我需要"><span>是，我需要</span>
									</li>
									<li class="mui-table-view-cell mui-radio mui-left">
										<input name="artificRadio" type="radio" value="不，我不需要"><span>不，我不需要</span>
									</li>
								</ul>
							</div>
						</div>
				    </div>
				</div>
				
			</div>
				
			<div id="onelevatorProblem" class="mui-control-content">
				<div class="mui-scroll-wrapper">
				    <div class="mui-scroll">
				        <div class="orderContent">
							<div class="currentTitle">
								<p>您要搬出的地方有电梯吗？-单选<span>(必填)</span></p>
							</div>
							
							<div class="currentProblem-list">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell mui-radio mui-left">
										<input name="onelevatorRadio" type="radio" value="有电梯"><span>有电梯</span>
									</li>
									<li class="mui-table-view-cell mui-radio mui-left">
										<input name="onelevatorRadio" type="radio" value="1-3层"><span>1-3层</span>
									</li>
									<li class="mui-table-view-cell mui-radio mui-left">
										<input name="onelevatorRadio" type="radio" value="4-7层"><span>4-7层</span>
									</li>
								</ul>
							</div>
						</div>
				    </div>
				</div>
			</div>
				
			<div id="toelevatorProblem" class="mui-control-content">
				<div class="mui-scroll-wrapper">
				    <div class="mui-scroll">
				        <div class="orderContent">
							<div class="currentTitle">
								<p>您要搬去的地方有电梯吗？-单选<span>(必填)</span></p>
							</div>
							
							<div class="currentProblem-list">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell mui-radio mui-left">
										<input name="toelevatorRadio" type="radio" value="有电梯"><span>有电梯</span>
									</li>
									<li class="mui-table-view-cell mui-radio mui-left">
										<input name="toelevatorRadio" type="radio" value="1-3层"><span>1-3层</span>
									</li>
									<li class="mui-table-view-cell mui-radio mui-left">
										<input name="toelevatorRadio" type="radio" value="4-7层"><span>4-7层</span>
									</li>
								</ul>
							</div>
						</div>
				    </div>
				</div>
			</div>
				
			<div id="timeProblem" class="mui-control-content">
				<div class="mui-scroll-wrapper">
				    <div class="mui-scroll">
				        <div class="orderContent">
							<div class="currentTitle">
								<p>您理想的搬家时间是什么时候？-单选<span>(必填)</span></p>
							</div>
							
							<div class="currentProblem-list">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell mui-radio mui-left">
										<input name="timeRadio" type="radio" value="越快越好"><span>越快越好</span>
									</li>
									<li class="mui-table-view-cell mui-radio mui-left">
										<input name="timeRadio" type="radio" value="三天以内"><span>三天以内</span>
									</li>
									<li class="mui-table-view-cell mui-radio mui-left">
										<input name="timeRadio" type="radio" value="一周以内"><span>一周以内</span>
									</li>
								</ul>
							</div>
						</div>
				    </div>
				</div>
			</div>
				
			<div id="addressProblem" class="mui-control-content">
				<div class="mui-scroll-wrapper">
				    <div class="mui-scroll">
				        <div class="orderContent">
							<div class="currentTitle">
								<p>您的出发地和目的地分别是哪里？<span>(必填)</span></p>
							</div>
							
							<div class="currentProblem-input">
						        <div class="mui-input-row setOutInput">
						        	<input type="text" class="mui-input-clear" placeholder="请输入您的出发地">
						        </div>
						        <div class="mui-input-row DestinationInput">
						        	<input type="text" class="mui-input-clear" placeholder="请输入您的目的地">
						        </div>
							</div>
						</div>
				    </div>
				</div>
			</div>
			
			<div id="phoneProblem" class="mui-control-content">
				<div class="mui-scroll-wrapper">
				    <div class="mui-scroll">
				        <div class="orderContent">
							<div class="currentTitle">
								<p>我们如何联系到您？<span>(必填)</span></p>
							</div>
							
							<div class="currentProblem-input mui-input-row">
						        <input type="text" class="mui-input-clear" placeholder="请输入您的手机号码">
							</div>
						</div>
				    </div>
				</div>
			</div>
			
			
				
		</div>
	</body>
	<script src="../js/lib/mui.min.js"></script>
	<script src="../js/lib/mui.picker.min.js"></script>
	<script src="../js/lib/jquery.min.js"></script>
	<script src="../js/lib/vue.js"></script>
	<script src="../js/app/perSonal-page.js"></script>
	<script src="../js/app/public.js"></script>
</html>